<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>添加病例</title>
    
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />
    <style type="text/css">
     	.mui-radio input[type=radio]:checked:before {color:#8dc21f;}
     	.mui-radio.mui-left input[type=radio]{left:0px;}
    	.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{font-size:14px;position:relative;top:-5px;}
    	.mui-checkbox.mui-left label, .mui-radio.mui-left label{padding-right:0px;padding-left:25px;}
    	.mui-navigate-right:after{right: 0px;}
    	textarea{margin:0px;padding:0px;margin-top:5px;border:none;font-size:14px;}
    	.mui-btn-blue{border: 1px solid #8dc21f;background-color: #8dc21f;}
    	.mui-btn-blue{border: 1px solid #8dc21f;background-color: #8dc21f;}
    	.mui-input-row label {float: left;width: 23%;padding: 11px 0px 11px 15px;}
    	.mui-input-row label~input{width: calc(100% - 23%);}
    	/*.img-div{margin-left:15px;max-width:60px;height: 60px;line-height:60px;text-align: center;}
    	.img-div>img{width:100%;display:block;vertical-align:middle;height: 60px;}*/
        .text-div{font-size:14px;color:#AAAAAA;}
        .bbs-pulish-img>img{width: 19%;padding: 1px; max-height: 56px;}
        .nax .mui-radio.mui-left input[type=radio]{top: 13px!important;}
         /*下拉*/
		.search {color: black;}
	   	 select{display:block;padding: 5px;width: auto;margin: 0;font-size: 14px;}
	   	 select option{text-align: center;}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title"></h1>
		<span class="mui-pull-right addover"style="line-height: 44px;font-size:15px;display:none;">保存</span>
	</header> 
	<div id="content" class="mui-content"></div>
	<ul class="mui-input-group mui-table-view">
		<li class="mui-input-row">
			<label>姓名：</label>
			<input type="text" class="mui-input-clear name" value=""  placeholder="请输入姓名" disabled/>
		</li>
		<li class="mui-input-row nax">
			<label>性别：</label>
			<!--<input type="text" class="mui-input-clear sex" value=""  placeholder="请输入性别"/>-->
			<div class="mui-radio mui-left mui-col-xs-3 mui-pull-left">
				<label>男</label>
				<input name="radio" type="radio" value="男" checked />
			</div>
			<div class="mui-radio mui-left mui-col-xs-3 mui-pull-left">
				<label>女</label>
				<input name="radio" type="radio" value="女" />
			</div>
		</li>
		<li class="mui-input-row">
			<label>年龄：</label>
			<input type="number" class="mui-input-clear age" value=""  placeholder="请输入年龄" disabled/>
		</li>
		<li class="mui-input-row">
			<label style="width:40%">医院科室：</label>
			<select style="width:60%" class="departments">
		   </select>
		</li>
	 </ul>
	<div class="table-view-cell mui-table-view background overflow-h examine">
	 	<div class="mui-radio mui-left mui-col-xs-3 mui-pull-left">
			<label>初诊</label>
			<input name="radio1" type="radio" value="0" checked />
		</div>
		<div class="mui-radio mui-left mui-col-xs-3 mui-pull-left">
			<label>复诊</label>
			<input name="radio1" type="radio" value="1" />
		</div>
		<div class="mui-pull-right font-14 ztime" style="display: none;"></div>
		<div data-options='' class="mui-navigate-right mui-pull-right font-14 time-data" style="display: none;"></div>
	 </div>
	 <div class="table-view-cell mui-table-view background overflow-h ">
	 	病历症状：
		<div class="mui-navigate-right mui-pull-right font-14 aidsname zheng">请选择症状</div> <!--onclick="openNewpage('me-archives-home-wojiade.html')"-->
	 </div>
	 <div class="table-view-cell background margin-bottom-1">
		<div class="font-14">主诉及病史:</div>
		<textarea name="history" rows="4" cols=""placeholder="请在此输入内容" disabled></textarea>
		<div class="bbs-pulish-img hispic" id="pic1">
			<!--<img src="../images/fly.png" />-->
		</div>
	 </div>
	 <div class="table-view-cell background margin-bottom-1">
		<div class="font-14">既往史:</div>
		<textarea name="phistory" rows="4" cols="" placeholder="请在此输入内容" disabled></textarea>
		<div class="bbs-pulish-img phispic" id="pic2">
			<!--<img src="../images/fly.png" />-->
		</div>
	 </div>
	 <div class="table-view-cell background margin-bottom-1">
		<div class="font-14">诊断及处方:</div>
		<textarea name="recipe" rows="4" cols="" placeholder="请在此输入内容" disabled></textarea>
	 </div>
	 <div class="table-view-cell background margin-bottom-1">
		<div class="font-14">诊疗效果及其它:</div>
		<textarea name="effect" rows="4" cols="" placeholder="请在此输入内容" disabled></textarea>
	 </div>
	 
	<div id="sheet1" class="mui-popover mui-popover-bottom mui-popover-action" style="display: none;">
		<!-- 可选择菜单 -->
		<ul class="mui-table-view">
			<li class="mui-table-view-cell paizhao">
				<a href="#sheet1">拍照添加</a>
			</li>
			<li class="mui-table-view-cell photo">
				<a href="#sheet1">相册添加</a>
			</li>
		</ul>
		<!-- 取消菜单 -->
		<ul class="mui-table-view">
			<li class="mui-table-view-cell">
				<a href="#sheet1"><b>取消</b></a>
			</li>
		</ul>
	</div>
</body>
<!--图片放大-->
<link rel="stylesheet" type="text/css" href="../css/image.css"/>
<script src="../js/mui.min.js"></script>
<script src="../js/mui.zoom.js"></script>
<script src="../js/mui.previewimage.js"></script>
<script src="../js/mui.picker.min.js"></script>

<script src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../js/public.js" ></script>
<script type="text/javascript" src="../js/app/me-archives-home-add-case.js" ></script>
<script>
  	mui.init();
		mui.previewImage();
		(function($) {
			$.init();
			var result = $('.time-data')[0];
			var btns = $('.time-data');
			btns.each(function(i, btn) {
				btn.addEventListener('tap', function() {
					var optionsJson = this.getAttribute('data-options') || '{}';
					var options = JSON.parse(optionsJson);
					var id = this.getAttribute('id');
					var picker = new $.DtPicker(options);
					picker.show(function(rs) {
						result.innerText = rs.text;
						picker.dispose();
					});
				}, false);
			});
		})(mui);
</script>
</html>